6. how to build codesys visualizations 2

在本课程中,我们将看到一些有关可视化的附加功能。
In this lesson, we will see some additional features regarding visualisations.

首先,我们将关注可视化网络。
First of all, we will look to Web of visualisations.

如果您愿意,您在 Coats 上构建的任何可视化都可以从外部浏览器实际访问。
Any visualization that you build on Coats's can be actually accessed, if you desire, from, uh, from an external browser.

例如,您可以使用平板电脑来让您的机器真正拥有一个简单的 HDMI。
For instance, you could use a tablet in order to actually have a simple HDMI of your machine.

因此,如果您在此处进入可视化管理器,您将拥有一个网络。
So if you go under visualisations manager here, you will have a web.

这个对象,这个你反对的网络将作为你的网络可视化的一些参数,你实际上会指向实际的代码,即。
This object, this web you object to Will as some parameters for your Web visualization here, you will actually point to the actual code, viz.

对于我们来说,此可视化您需要指定 ETM 文件的名称以及一些通信参数,例如更新速率、通信缓冲区大小等。
that for us, this visualization you will need to specify a name of an ETM file and also some communication parameters, such as an update rate, a communication buffer size and so on.

当您通过真实的 p.l.c. 上网时
And when you go online on a real p.l.c.

通过可视化管理器和网络(其中包含此对象),您实际上将能够从网络访问可视化。
with a visualisation manager and the web, this object in it, you will actually be able to access the visualization from the web.

现在我正在运行我们在真实的 p.l.c. 上开发的这个程序。
Right now I'm running this program that we developed on the real p.l.c.

与我的电脑位于同一网络中。
that is in the same network of my PC.

例如,如果我打开 Web 浏览器并指向控制器的 IP 地址,那么这就是我的控制器。
So if I just go on a Web browser and I pointed to the IP address of the controller that this is this mine, for instance.

然后你需要指向88个报告,然后像左和右一样添加这五个网站的名称,你可以看到我只是指向这里。
Then you need to point to the 88 report, then added, as left and right, the the name of the web of these five, you can see that I just pointed to it here.

如果我们点击它,您实际上会看到我们在 Coats 上制作的可视化效果。
And if we click on it, you will see actually the visualization that we made on Coats's.

这实际上是在真实的 Bill C 上运行,我实际上可以与真实的 C 进行交互,就像我在 Coats 内部所做的那样,所以我可以拥有任何远程平板电脑等,并在不使用工业面板的情况下创建可视化,但只是拥有一台带有 Web 界面的简单 PC。
And this is actually running on the real Bill C and I actually can interact with the real C as I did that from within Coats's, so I may have any remote tablet PC and so on and create a visualization without using an industrial panel, but just having a simple PC with a web interface.

现在回到科茨,我将向您展示一些我需要向您展示的有关可视化的其他内容。
Now going back to Coats's, I will show you some other things that I need to show you regarding visualisations.

首先,我们只查看了单个可视化,所以我们就是这样。
First of all, we only looked at a single visualization, so we are just that.

我们刚刚使用了医生的一页。
We've just been using a single page of a physician.

如果您曾经为机器或生产计划开发过人机界面,您就会知道通常需要很多页面。
And if you have ever developed a human machine interfaces for machines or production plans, you will know that many pages are often required.

所以现在,我需要向您展示如何从一个可视化页面跳转到另一个可视化页面。
So right now, I need to show you how you can jump from one visualization page to another.

因此,让我们通过进入应用程序来创建另一个可视化。
So let's create another visualization by going into application.

我们将此页称为第一页。
And let's call this page one.

抱歉,我不能在这里写空格。
Sorry, and I cannot write spaces here.

我们将此页面称为第一页,并在此处添加一个简单的矩形,并添加一个文本,简单地说第一页。
Let's call this page one and let's add over here just a simple rectangle here and add a text saying simply page one.

然后在这里,我们添加一个 Berten,用于跳转到另一个页面。
Then over here, let's add a Berten that we will use to jump to another page.

例如,让我们在这里玩一些 Berten。
So, for instance, let's play some Berten over here.

让我们添加一条文字,说明要缝制这个按钮,顺便说一下,我们将能够跳转到增加字体的页面来查看它。
And let's add a text saying to sew this button, we shall be able to jump to page to increase the font to see it, by the way.

那么让我们创建另一个页面。
And so let's create another page.

让我们复制并粘贴此可视化。
Let's copy and paste this visualization.

通过单击应用程序上的争议和争议,让我们将这个新创建的页面重命名为第二页,不,我们不需要重构,因为我们刚刚创建了对象,让我们编辑这个对象。
By clicking controversy and controversy on the application and let's rename this new newly created page as page two, no, we don't need refactoring because we just created the object and let's edit this one.

所以这就是我们将有一年的第二页,并将底部放在此处,此按钮将看到一个,好吗?
So this one would be we will have page two of a year and that place the bottom over here and this button shall see one, OK?

目前,这两个按钮根本没有执行任何操作。
Right now, these two buttons are not doing anything at all.

如果他们上网怎么办,我们实际上可以看到这条推文。
If we what if they're going online, we can actually see the tweet.

那就是他们什么也没做。
That is they are not doing anything.

为了指定按钮按下时的一些事件,我们实际上已经在这里看到了输入配置,添加了一些切换和点击选项。
And in order to specify some events on Button Press, we actually have seen over here the input configuration, add some toggle and tap options.

但我们也有这种几乎向下和几乎向上的操作。
But we also have this almost down and almost up operations.

因此,您可以在此处指定一些事件,显示当您单击按钮或释放按钮时将发生的事件。
So here you can specify some event that show that will occur when you either click on the button or release the click from the button.

因此,例如,如果您单击此处,我​​们可以在此窗口中放置一些实际的事件,实际上,出于我们的目的,我们需要将显示的更改放置在第一页的此处。
So, for instance, if you click over here, we can place in this window some actual, um, event and forever, actually, for our purposes, we shall need to place the change shown, viz., over here on page one.

所以我会把这个活动放在这里和这里。
So I will place this event over here and here.

您需要指定在此事件中需要打开的实际页面。
You need to assign the actual page where that you need to open upon this event.

所以我们现在在第一页。
So here we are on page one.

如果我按下按钮二,我希望打开该页面。
If I press on on the button two, I wanted the page to to open.

好的。
OK.

我将在页面中做同样的事情。
And I shall do the same here in the page to.

因此,如果我进入页面单击此处配置器,我将再次更改显示的可视化并在此处签署页面,您可以看到您可以做很多事情。
So if I go in on the page to click here configurator, I will again change shewn visualization and sign the page one over here, you can see that there are many things you can do.

您可以打开和关闭对话。
You can open and close dialogues.

您还可以编写变量或执行一组结构化文本代码。
You can also write variables or execute a set of structured text the code.

所以实际上,从你的想象中,你可以做很多不同的事情。
So actually, from your visualization, you can do many different things.

您还可以传输文件。
You can also transfer files.

它实际上是一个非常强大的工具。
And it is actually a very powerful tool.

请记住,您始终可以通过 Web 可视化完成所有这些事情。
And you remember, you can always do you can do all of these things via Web visualization.

如果按一下“确定”,我们现在就上网。
So if a press OK, right now, let's go online.

此外,这也适用于模拟模式。
Also, this works also in simulation mode.

让我们进入第一页可视化,抱歉,关闭第一页。
So let's go into the page one visualization and sorry, close the page one.

现在,抱歉,您需要离线并删除此目标,这些对象只会在您的 PC 上显示一个可视化(如果您有多个可视化)。
Now, one moment, sorry, you need to go offline and also remove this target, these objects that will only show you one visualization on your PC if you have many.

因此,如果您单击该按钮并按删除键,然后上网并进行下载,您将能够访问第一页。
So if you click on that and press delete, then go online and carry out a download that you shall be able to access page one.

然后,如果您在这里并单击,您可以看到页面正在变化,这也适用于您可以创建的网络可视化。
And then if you are here and click on to, you can see that the page is changing and this works as well on that, the web visualization that you may create.

您还可以在此处添加多个签证,并且只需指定 ETM 文件的不同名称即可指向不同的签证。
You are also able over here to add more than one one visa and you can point to a different one by simply specifying a different name of an ETM file.

因此,这或多或少是您为您的应用程序创建 HMG 所需了解的全部内容,我们将在即将到来的实践练习中实际这样做。
So this is more or less all that you need to know to create your HMG for your application, and we will actually do so in our practical exercises that are yet to come.